<template>
	<view class="bgWhite plr-24 pt-20 pb-40 radius-16">
		<view class="">
			<view class="listClass" v-if="dataInfo.list.length > 0" >
				
				<view v-for="(item, index) in dataInfo.list" :key="index" @click.stop="handleItem" class="itemClass pointer relative radius-16 hidden">
					<view class="flex" @click="addOpen(`/pages/mine/veinManDetails?flag=tryOut1`)">
						<uv-image src="https://cdn.uviewui.com/uview/album/1.jpg" width="315rpx" height="420rpx"></uv-image>
					</view>
					<view class="bgMinor5 flex pd-16">
						<view class="flex flex-1">
							<uv-image src="https://cdn.uviewui.com/uview/album/1.jpg" width="32rpx" height="32rpx" shape="circle"></uv-image>
							<view class="size-15 ml-16 color-black3 line-hiding-1 flex-1">Maverick</view>
						</view>
						<view class="flex">
					
							<uv-image v-if="index === 0" @click="addOpen(`/pages/homepage/rehandling`)" src="/static/images/shiyong1.png" width="58rpx" height="32rpx" mode="scaleToFill"></uv-image>
							<uv-image v-else @click="addOpen('/pages/homepage/rehandling')" src="/static/images/shiyong.png" width="58rpx" height="32rpx" mode="scaleToFill"></uv-image>
						</view>
				
					</view>
				</view>
			</view>
			<!-- v-else -->
			<view class=" mt-40" >
				<view
					style="font-size: 30rpx;color: rgb(204, 204, 204);height: 70vh;display: flex;align-items: center;justify-content: center;width: 100%;">
				暂 无 数 据</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { reactive } from 'vue';
	import { getWindowHeight } from '@/pages/util/getHeight';
	import { onShow } from '@dcloudio/uni-app';
	import { addOpen, loggedIn, addOpenTab } from '@/pages/util/hooks';
	import useLoginStore from '@/pinia-store/userInfoStore';
	import { get, post } from '@/utils/request';
	const useLogin = useLoginStore();
	// console.log('useLoginuseLogin',useLogin);
	/** @name 数据 */
	const dataInfo = reactive({
		username: '',
		password: '',
		captcha: '',
		list:[],
		
	});
	const listFun = async () => {
		try {
			const response = await get<{
				type : Number;
			}>('maixing/getList', { type: 0 });
			if (response) {
              dataInfo.list = response.result.records
			}

		} catch (error) {
			console.error(error);
		}
	};
	onShow((options : any) => {
		listFun()
	})
	/** @name xxx */
	function getUserInfo() { }

	/** @name 热门的选中事件 */
	async function handleItem() { }
</script>

<style scoped lang="scss">
// :deep(.checklist-box) {
// 	//  模版
// }
.listClass {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 分为三列，每列宽度相等 */
	gap: 24rpx;
}
</style>